<script>
var showSearch=ref(true);
</script>
<template>
    <div class="p-2">
        <transition>
            <div class="mb-[10px]" >
                <el-card shadow="hover">
                    <el-form :inline="true" label-width="100px">
                        <el-form-item >
                            <el-select placeholder="租户名称">
                                <el-option />
                            </el-select>
                        </el-form-item>
                        <el-form-item label="工作空间">
                            <el-select aria-placeholder="请输入工作空间"></el-select>
                        </el-form-item>
                        <el-form-item label="数据源名称">
                            <el-input aria-placeholder="请输入数据源名称"></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
                            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
                        </el-form-item>
                    </el-form>
                </el-card>
            </div>
        </transition>
        <el-card>
            <template #header>
                <el-row :gutter="10" class="mb8">
                    <el-col :span="1.5">
                        <el-button type="primary" plain icon="Plus" @click="handleAdd"
                            v-hasPermi="['mapserver:workspace:add']">新增</el-button>
                    </el-col>
                    <el-col :span="1.5">
                        <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
                            v-hasPermi="['mapserver:workspace:edit']">修改</el-button>
                    </el-col>
                    <el-col :span="1.5">
                        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
                            v-hasPermi="['mapserver:workspace:remove']">
                            删除
                        </el-button>
                    </el-col>
                    <el-col :span="1.5">
                        <el-button type="warning" plain icon="Download" @click="handleExport"
                            v-hasPermi="['mapserver:workspace:export']">导出</el-button>
                    </el-col>
                    <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
                </el-row>
            </template>
            <el-table  v-loading="loading">
                
            </el-table>
        </el-card>
    </div>
</template>
<style>

</style>